<template>
  <div class="openPrize">
    <backHeader title='开奖' :noBack='true'></backHeader>
    <van-tabs v-model="active" animated line-width="30%">
      <van-tab title="传统彩">
          <tickHistory :tickList="tradTickList"></tickHistory>
      </van-tab>
      <van-tab title="低频彩">
        <tickHistory :tickList="lowTickList"></tickHistory>
      </van-tab>
      <van-tab title="全部">
        <tickHistory :tickList="allTickList"></tickHistory>
      </van-tab>
  </van-tabs>
    <tabbar />
  </div>
</template>

<script>
import Tabbar from 'components/Tabbar'
import backHeader from '../../components/backHeader'
import tickHistory from '../../components/tickHistory'
import BaseData from '../../config/BaseData'
export default {
  name: 'openPrize',
  components: {
    Tabbar, backHeader, tickHistory
  },
  data () {
    return {
      active: 0,
      tradTickList: [{
        tickSrc: require('../../assets/images/tickets/js1fk3.png'),
        name: '一分快3',
        date: '2019-10-19',
        icons: [BaseData.k3num[0], BaseData.k3num[5], BaseData.k3num[2]],
        no: '第201910190885期'
      }, {
        tickSrc: require('../../assets/images/tickets/jsgdk3.png'),
        name: '广东快3',
        date: '2019-10-19',
        icons: [BaseData.k3num[2], BaseData.k3num[5], BaseData.k3num[3]],
        no: '第201910190885期'
      }, {
        tickSrc: require('../../assets/images/tickets/jsxgk3.png'),
        name: '香港快3',
        date: '2019-10-19',
        icons: [BaseData.k3num[2], BaseData.k3num[5], BaseData.k3num[3]],
        no: '第201910190885期'
      }, {
        tickSrc: require('../../assets/images/tickets/jstwk3.png'),
        name: '台湾快3',
        date: '2019-10-19',
        icons: [BaseData.k3num[2], BaseData.k3num[5], BaseData.k3num[3]],
        no: '第201910190885期'
      }, {
        tickSrc: require('../../assets/images/tickets/jsk3.png'),
        name: '急速快3',
        date: '2019-10-19',
        icons: [BaseData.k3num[2], BaseData.k3num[5], BaseData.k3num[3]],
        no: '第201910190885期'
      }, {
        tickSrc: require('../../assets/images/tickets/jsxyk3.png'),
        name: '幸运快3',
        date: '2019-10-19',
        icons: [BaseData.k3num[2], BaseData.k3num[5], BaseData.k3num[3]],
        no: '第201910190885期'
      }, {
        tickSrc: require('../../assets/images/tickets/js10flhc.png'),
        name: '十分六合彩',
        date: '2019-10-19',
        Ball_lhc: [{
          number: 1,
          src: BaseData.borderBall[0]
        }, {
          number: 17,
          src: BaseData.borderBall[1]
        }, {
          number: 12,
          src: BaseData.borderBall[2]
        }, {
          number: 33,
          src: BaseData.borderBall[1]
        }],
        no: '第201910190885期'
      }, {
        tickSrc: require('../../assets/images/tickets/js10flhc.png'),
        name: '急速时时彩',
        date: '2019-10-19',
        balls: [2, 5, 3],
        no: '第201910190885期'
      }],
      lowTickList: [
        {
          tickSrc: require('../../assets/images/tickets/xg6hc.png'),
          name: '香港六合彩',
          date: '2019-10-17',
          Ball_lhc: [{
            number: 1,
            src: BaseData.borderBall[0]
          }, {
            number: 17,
            src: BaseData.borderBall[1]
          }, {
            number: 12,
            src: BaseData.borderBall[2]
          }, {
            number: 33,
            src: BaseData.borderBall[2]
          }, {
            number: 33,
            src: BaseData.borderBall[2]
          }, {
            number: 22,
            src: BaseData.borderBall[0]
          }, {
            number: 33,
            src: BaseData.borderBall[1]
          }],
          no: '第2019116期'
        }
      ],
      allTickList: []
    }
  },
  mounted () {
    this.allTickList = [...this.tradTickList, ...this.lowTickList]
  },
  methods: {},
  created () {}
}
</script>
<style lang="less" rel="stylesheet/less" scoped>

</style>
